// JavaScript Document
KApp.define('kuoqi.element.canvas.image',{
	version:'base',//版本信息
	extends:'kuoqi.element.canvas',//使用继承的模型
	desc:'简单的使用一个图片',
	tips:[
		'image:标识图片资源，备注，是资源哈',
		'x:左上角的坐标',
		'y:左上角的坐标',
		'w:容器宽度',
		'h:容器高度'
		
	],
	image:null,//image的对象信息
	x:0,//x位置
	y:0,//y位置
	w:1,//宽度
	h:1,//高度
	
	//获取元素的信息并返回dom
	getDom:function(callback){
		var ths = this;
		var dom = $Q.createElement('canvas');
		dom.width = this.w;
		dom.height = this.h;
		var ctx=dom.getContext("2d");
		//获取临时的img元素信息
		this.image.getElementByimg(function(img){
			ctx.drawImage(img,0,0,img.width,img.height,0,0,ths.w,ths.h);
			//循环获取当前元素的子元素节点信息
			for( var i = 0; i < ths.children.length; i++ ){
				var cdom = ths.children[i];
				cdom.getDom();
			}
			callback(dom);
		});
	}
});